<!DOCTYPE html>
<html>
<head runat="server">
    <title></title>
    <link href="../Content/Site.css" rel="stylesheet" type="text/css" />
  
</head>
<body>
    <form runat="server">
    <div class="content-wrapper">
        <div class="main-content">
            <div style="float: right;">
                <a href="#">My Account</a>
                <img src="Images/shopping-cart.png"> <a href="#"></a></img>
            </div>
        </div>
        <div class="navigation">
            <ul>
                <li><a href="#">Products</a> </li>
                <li><a href="#">Deals</a> </li>
            </ul>
            <div class="right">
                <label id="SearchLabel" for="Search">
                    Search:
                </label>
                <input type="text" id="Search" />
                <button>
                    Search</button>
            </div>
        </div>
        <div class="featured">
            <h1> Social Front</h1>
                <img src="images/joystick.png" />
                <img src="images/tv.png" />
                <img src="images/laptop.png" />
                <img src="images/printer2.png" />
                <img src="images/cam_unmount.png" />
            
        </div>
        <div class="main">
            <div class="leftColumn">
               <div class="sideContent">
                   <h2>Categories</h2>
                   <ul>
                       <li><a href="#">Category</a></li>
                       <li><a href="#">Category</a></li>
                       <li><a href="#">Category</a></li>
                       <li><a href="#">Category</a></li>
                   </ul>
               </div>
               <div class="sideContent">
                   <h2>Products</h2>
                   <ul>
                       <li><a href="#">Category</a></li>
                       <li><a href="#">Category</a></li>
                       <li><a href="#">Category</a></li>
                       <li><a href="#">Category</a></li>
                   </ul>
               </div>
                <div class="sideContent">
                   <h2>Lorem</h2>
                   <ul>
                       <li><a href="#">Epsom</a></li>
                       <li><a href="#">Epsom li</a></li>
                       <li><a href="#">Lorem Epsom</a></li>
                       <li><a href="#">Lorem Epsom</a></li>
                   </ul>
               </div>
            </div>
            <div class="rightColumn">
                <asp:ContentPlaceHolder ID="MainContent" runat="server" />
            </div>
        </div>
        <div class="footer">
            Footer
        </div>
    </div>
   </form>
</body>
</html>
